.box{
    width: 100vw;
    height: 100vh;
    background-color: #ecfdfa;
}
.top{
    width: 100vw;
    height: 120px;
    background-color: #2bcddd;
   line-height: 120px;
}
.top h2{
    margin-left: 20px;
    color: white;
}
.center{
    width: 90vw;
    height: 160px;
    background-color: white;
    margin-left: 5vw;
    margin-top: 20px;
}
.box1{
    width: 100vw;
    height: 40px;
    
    line-height: 40px;
}
.box2{
    width: 3px;
    height: 30px;
    margin-top: 3px;
    background-color: #ff5e81;
    margin-left: 20px;
    float: left;
}
.box1 h2{
    float: left;
    margin-left: 15px;
    
}
.left{
    width: 100px;
    height: 100px;
    background-color: #ff5e81;
    margin-left: 20px;
    float: left;
}
.right{
    float: left;
    width: 150px;
    height: 120px;  
    background-color: #ff5e81;
    margin-left: 180px;
}
.bottom{
    width: 90vw;
    height: 400px;
    background-color: white;
    margin-left: 5vw;
    margin-top: 20px;
   
    /* flax-direction: column; */
}
.box3 h2{
    display: inline-block;
}
.box3 span{
    font-size: 16px;
}